$color-list: #fff, #efefef, #ccc, #999, #777, #555, #333, #e6b8af, #dd7e6b, #cc4125, #980000, #a61c00, #85200c, #5b0f00, #f4cccc, #ea9999, #e06666, #ff0000, #cc0000, #990000, #660000, #fce5cd, #f9cb9c, #f6b36b, #ff9900, #e69138, #b45f06, #783f04, #fff2cc, #ffe599, #ffd966, #ffff00, #f1c232, #bf9000, #7f6000, #d9ead3, #b6d7a8, #93c47d, #00ff00, #6aa84f, #38761d, #274e13, #d0e0e3, #a2c4c9, #76a5af, #00ffff, #45818e, #134f5c, #0c343d, #c9daf8, #a4c2f4, #6d9eeb, #4a87e8, #3c78d8, #1156cc, #1c4587, #cfe2f3, #9fc5e8, #6fa8dc, #0000ff, #3d85c6, #0b5394, #073763, #d9d2e9, #b4a7d6, #8e7cc3, #9900ff, #674ea7, #351c75, #20124d, #ead1dc, #d5a6bd, #c27ba0, #ff00ff, #a64d79, #741b47, #4c1130;
$font-size-list: 1.15, 1.25, 1.5, 1.75, 1.9, 2, 2.15, 2.25;

.dragon-editor,
.dragon-editor-viewer {
    /**
    * Reset style start
    */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    dl,
    dd,
    ol,
    ul,
    fieldset,
    legend,
    figure,
    menu {
        margin: 0;
        padding: 0;
        border: 0;
    }

    table,
    th,
    td {
        border-spacing: 0;
        border-collapse: collapse;
    }

    ol,
    ul,
    li {
        list-style: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1em;
        font-weight: normal;
    }

    input,
    textarea,
    select,
    button {
        margin: 0;
        padding: 0;
        border-radius: 0;
        outline: 0;
        vertical-align: middle;
    }

    a,
    button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    img {
        border: 0;
        vertical-align: top;
    }

    // block depth
    .de-block {
        @for $i from 1 through 5 {
            &[data-depth="#{$i}"] {
                padding-left: $i * 30px;
            }
        }
    }
}
